import React from 'react'

export const CanceledIcon = ({ className }: { className?: string }) => {
  return (
    <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" className={`fill-current ${className}`}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0ZM4.87881 3.73657C4.56339 3.42114 4.05199 3.42114 3.73657 3.73657C3.42114 4.05199 3.42114 4.56339 3.73657 4.87881L5.85775 7L4.79716 8.06059L3.73657 9.12118C3.42114 9.4366 3.42114 9.94801 3.73657 10.2634C4.05199 10.5789 4.56339 10.5789 4.87881 10.2634L7 8.14225L9.12117 10.2634C9.4366 10.5789 9.94801 10.5789 10.2634 10.2634C10.5789 9.94801 10.5789 9.4366 10.2634 9.12118L8.14225 7L10.2634 4.87881C10.5789 4.56339 10.5789 4.05199 10.2634 3.73657C9.94801 3.42114 9.4366 3.42114 9.12117 3.73657L7 5.85775L5.93941 4.79716L4.87881 3.73657Z"
      />
    </svg>
  )
}
